<!DOCTYPE html . "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title></title>
	<!--载入编辑器-->
	<script type="text/javascript" charset="utf-8" src="Public/ueditor1_4_3/ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="Public/ueditor1_4_3/ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="Public/ueditor1_4_3/lang/zh-cn/zh-cn.js"></script>
	<!--载入uploadify相关文件-->
	<script type="text/javascript" src="Public/uploadify/jquery-1.8.2.min.js"></script>
	<script type="text/javascript" src="Public/uploadify/jquery.uploadify.min.js"></script>
	<link href="Public/uploadify/uploadify.css" type="text/css" rel="stylesheet"></link>
	<!--载入hdjs-->
	<link rel="stylesheet" type="text/css" href="Public/hdjs/hdjs.css"/>
    <script src="Public/hdjs/hdjs.min.js" type="text/javascript" charset="utf-8"></script>
    <style type="text/css">
		li{
			list-style: none;
			float: right;
		}
		tr{
			height: 30px;
		}
		input{
			height: 20px;
			font-size: 14px;
		}
	</style>
	
</head>

      <!--分类异步-->
      <script type="text/javascript">
      	$(function(){
      		$('#sel').change(function(){
      			var cid = $(this).val();
      			var typeid = $(":selected").attr('type');
      			$('#typeid').val(typeid);
      			$.ajax({
      				type:"post",
      				url:"{{U('ajaxGetAtrr')}}",
      				data:{cid:cid},
      				dataType:'json',
      				success:function(phpData){
      					//属性
						var attr = "";
						//规格
						var spec = "";
							$("#attr").html('');
							$("#spec").html('');
							$.each(phpData, function(k,v) {
							
										//如果是属性
										if(v.typeattr_type==0)
										{
											attr += '<tr><td>'+v.typeattr_name+'</td><td><select name="attr['+v.typeattr_id+']"><option value="0">请选择</option>'
											$.each(v.typeattr_value, function(kk,vv) {
												attr += '<option value="'+vv+'">'+vv+'</option>';
											});
											attr += '</select></td></tr>';
										}else{
											spec += '<tr><td>'+v.typeattr_name+'</td><td><select name="spec['+v.typeattr_id+'][spec][]"><option value="0">请选择</option>'
											$.each(v.typeattr_value, function(k,v) {
												spec += '<option value="'+v+'">'+v+'</option>';
											});
											spec += '</select></td><td>附加价格</td><td><input type="text" name="spec['+v.typeattr_id+'][added][]" id="" value="0" /></td><td><a href="javascript:;" class="hd-btn hd-btn-success hd-btn-sm add-spec">添加</a></tr>'
										}
									})
									$("#attr").html(attr);
									$("#spec").html(spec);					
      				}
      			});
      		})
      	})
      </script>
      	<!--点击规格的添加按钮，复制一个-->
				<script type="text/javascript">
					$(function(){
						$('.add-spec').live('click',function(){
							var tr = $(this).parents("tr").clone();
							$(this).parents("tr").after(tr);
							tr.find('.add-spec').remove();
							var del = '<a href="javascript:;" class="hd-btn hd-btn-danger hd-btn-sm del-spec">删除</a>';
							tr.find('td').eq(4).append(del);
						})
					})
				</script>
				<!--点击删除按钮-->
				<script type="text/javascript">
					$(function(){
						$('.del-spec').live('click',function(){
							$(this).parents('tr').remove();
						})
					})
				</script>
<body>
	
	<div class="container-fluid">
	<div class="row-fluid">
	<div class="span12">
	<form action="" method='post' enctype="multipart/form-data" id="add_goods">			
			<h2 class="hd-title-header">添加商品</h2>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">	
			<p class="hd-title-header">基本信息</p>			
				<tbody>
					<tr class="info">
						<td>所属分类</td>
						<td>
							<select name="goods_category_id" id="sel">
								<option value="0">-请选择-</option>
                                    {{foreach from="$cateData" key="$k" value="$v"}}
									<option value="{{$v['category_id']}}" type="{{$v['category_type_id']}}" {{if value="$v['category_id']==$goodsData['goods_category_id']"}}selected{{endif}}>{{$v['category_name']}}</option>					
                                    {{endforeach}}
							</select>
							<input type="hidden" name="goods_type_id" id="typeid" value="{{$v['category_type_id']}}" />
						</td>
					</tr>
					<tr class="info">
						<td>所属品牌</td>
						<td>
							<select name="goods_brand_id">
								<option value="0">-请选择-</option>
                                    {{foreach from="$brandData" key="$k" value="$v"}}
									<option value="{{$v['brand_id']}}" <?php if($v['brand_id']==$goodsData['goods_brand_id']){ ?>selected<?php } ?> >{{$v['brand_name']}}</option>
                                    {{endforeach}}

						</td>
					</tr>
					<tr class="info">
						<td>商品名称</td>
						<td>
							<input type="text" name='goods_name' style="width: 400px;"/ value="{{$goodsData['goods_name']}}">
						</td>
					</tr>
					<tr class="info">
						<td>商品货号</td>
						<td>
							<input type="text" name='goods_num'/ value="{{$goodsData['goods_num']}}">
						</td>
					</tr>
					<tr class="info">
						<td>单位</td>
						<td>
							<input type="text" name='unit' value="{{$goodsData['unit']}}"/>
						</td>
					</tr>
					<tr class="info">
						<td>市价场</td>
						<td>
							<input type="text" name='marketprice'/ value="{{$goodsData['marketprice']}}">
						</td>
					</tr>
					<tr class="info">
						<td>商城价</td>
						<td>
							<input type="text" name='shopprice'/ value="{{$goodsData['shopprice']}}">
						</td>
					</tr>
					<tr class="info">
						<td>点击次数</td>
						<td>
							<input type="text" name='click'/ value="{{$goodsData['click']}}">
						</td>
					</tr>
					<tr class="info">
						<td>库存</td>
						<td>
							<input type="text" name='goods_total'/ value="{{$goodsData['goods_total']}}">
						</td>
					</tr>
				</tbody>
			</table>

			<p class="hd-title-header">商品属性</p>
			<table class="hd-table hd-table-form" id='attr' style="border-top:1px solid #E5E5E5 ;">
				{{foreach from="$goodsattrData" key="$k" value="$v"}}
				<tr>
					<td>{{$v['typeattr_name']}}</td>
					<td>
						<select name="attr[{{$v['typeattr_id']}}]">
							<option value="0">请选择</option>
							{{foreach from="$v['typeattr_value']" key="$kk" value="$vv"}}
							<option value="{{$vv}}" {{if value="$v['goods_value']==$vv"}}selected{{endif}}>{{$vv}}</option>
							{{endforeach}}
						</select>
					</td>
				</tr>
				{{endforeach}}
			</table>
			<p class="hd-title-header">商品规格</p>
			<table class="hd-table hd-table-form" id='spec' style="border-top:1px solid #E5E5E5 ;">
				{{foreach from="$goodsspecData" key="$k" value="$v"}}
				<tr>
					<td>{{$v['typeattr_name']}}</td>
					<td>
						<select name="spec[{{$v['typeattr_id']}}][spec][]">
							<option value="0">请选择</option>
							{{foreach from="$v['typeattr_value']" key="$kk" value="$vv"}}
							<option value="{{$vv}}"{{if value="$v['goods_value']==$vv"}}selected{{endif}}>{{$vv}}</option>
							{{endforeach}}
						</select>
					</td>
					<td>附加价格</td>
					<td><input type="text" name="spec[{{$v['typeattr_id']}}][added][]" id="" value="{{$v['goods_added']}}" /></td>
				</tr>
				{{endforeach}}
			</table>
			
			<p class="hd-title-header">列表图</p>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">
				<script type="text/javascript">
					$(function(){
						$(".del-image").live('click',function(){
							var li = $(this).parents('li');
							var path  = li.attr("path");
							$.ajax({
								type:"post",
								url:"{{U('delImg')}}",
								data:{path:path},
								success:function(data){
									if(data==1){
										li.remove();
									}
								}
							});
						})
					})
				</script>
				<tr class="info">
					<td>上传图片</td>
					<td>
						<input id="file1" type="file" multiple="true" name="photos"/>
	            		 <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
			             <script type="text/javascript">
			                $(function() {
			                    $('#file1').uploadify({
			                        'formData'     : {//POST数据
			                            '<?php echo session_name();?>' : '<?php echo session_id();?>',
			                        },
			                        'fileTypeDesc' : '上传文件',//上传描述
			                        'fileTypeExts' : '*.jpg;*.png',
			                        'swf'      : '{{__PUBLIC__}}/uploadify/uploadify.swf',
			                        'uploader' : "{{U('ajaxUpload')}}",
			                        'buttonText':'选择文件',
			                        'fileSizeLimit' : '2000KB',
			                        'uploadLimit' : 1,//上传文件数
			                        'width':65,
			                        'height':25,
			                        'successTimeout':10,//等待服务器响应时间
			                        'removeTimeout' : 0.2,//成功显示时间
			                        'onUploadSuccess' : function(file, data, response) {
			                            data=$.parseJSON(data);
			                            var imageUrl = data.image?data.url:'{{__PUBLIC__}}/image/default.png';
			                            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><a href='javascript:;' style='color:red' class='del-image'>X</a>";
			                            li +='<input type="hidden" name="pic" value="'+data.path+'"/>';
			                            li +='</li>';
			                            $("#photo-list1").prepend(li);
			                        }
			                    });
			                });
			             </script>
					</td>
					<td id='photo-list1'>
					<script type="text/javascript">
					$(function(){
						$(".del-image").click(function(){
							$(this).parents('li').remove();
						})
					})
				</script>
						<li>
							<img src="{{$goodsData['pic']}}" alt="" / width="200px" height="200px">
							<a style="color: red;" class="del-image" href="javascript:;">X</a>
							<input type="hidden" name="pic" id="" value="{{$goodsData['pic']}}" />
						</li>
					</td>
					
				</tr>
			</table>
			<p class="hd-title-header">商品图册</p>
			<table class='hd-table hd-table-form' style="border-top:1px solid #E5E5E5 ;">
				<script type="text/javascript">
					$(function(){
						$(".del-image").live('click',function(){
							var li = $(this).parents('li');
							var path  = li.attr("path");
							$.ajax({
								type:"post",
								url:"{{U('delImg')}}",
								data:{path:path},
								success:function(data){
									if(data==1){
										li.remove();
									}
								}
							});
						})
					})
				</script>
				<tr class="info">
					<td>上传图片</td>
					<td>
						<input id="file2" type="file" multiple="true" name="photos"/>
	            		 <span>类型: *.jpg,*.png 大小: 2000KB 数量: 10</span>
			             <script type="text/javascript">
			                $(function() {
			                    $('#file2').uploadify({
			                        'formData'     : {//POST数据
			                            '<?php echo session_name();?>' : '<?php echo session_id();?>',
			                        },
			                        'fileTypeDesc' : '上传文件',//上传描述
			                        'fileTypeExts' : '*.jpg;*.png',
			                        'swf'      : '{{__PUBLIC__}}/uploadify/uploadify.swf',
			                        'uploader' : "{{U('ajaxUpload')}}",
			                        'buttonText':'选择文件',
			                        'fileSizeLimit' : '2000KB',
			                        'uploadLimit' : 1000,//上传文件数
			                        'width':65,
			                        'height':25,
			                        'successTimeout':10,//等待服务器响应时间
			                        'removeTimeout' : 0.2,//成功显示时间
			                        'onUploadSuccess' : function(file, data, response) {
			                            data=$.parseJSON(data);
			                            var imageUrl = data.image?data.url:'{{__PUBLIC__}}/image/default.png';
			                            var li="<li path='"+data.path+"' url='"+data.url+"'><img src='"+imageUrl+"' class='hd-w80 hd-h70'/><a href='javascript:;' style='color:red' class='del-image'>X</a>";
			                            li +='<input type="hidden" name="goodsphoto[]" value="'+data.path+'"/>';
			                            li +='</li>';
			                            $("#photo-list2").prepend(li);
			                        }
			                    });
			                });
			             </script>
					</td>
					<td id='photo-list2'>
						{{foreach from="$detailData['big']" key="$k" value="$v"}}
						<li>
							<img style="width: 100px;height: 100px;" src="{{$v}}"/>
							<a style="color: red;" class="del-image" href="javascript:;">X</a>
							<input type="hidden" name="goodsphoto[]" id="" value="{{$v}}" />
						</li>
					    
					    {{endforeach}}
					</td>
					
				</tr>
			</table>
			<p class="hd-title-header" id="detail">商品详细</p>
			<table class='hd-table hd-table-form'>
				<tr class="hide info">
					<td>
						<script id="ed" type="text/plain" style="width:100%;height:300px;" name="intro">{{$detailData['intro']}}</script>
	                    <script>
							var ue = UE.getEditor('ed');
						</script>
					</td>
				</tr>
			</table>
			<p class="hd-title-header" id="service">售后服务</p>
			<table class='table'>
				<tr class="hide info">
					<td>
						<!--<textarea name="service" id="service"></textarea>-->
						<script id="ed1" type="text/plain" style="width:100%;height:300px;" name="service">{{$detailData['service']}}</script>
	                    <script>
							var ue = UE.getEditor('ed1');
						</script>
					</td>
				</tr>
			</table>
			<input type="hidden" name="goods_id" id="" value="{{$goodsData['goods_id']}}" />
			<input type="submit" value="确认添加" class="hd-btn hd-btn-success" style="height: 40px;"/>
	</form>

	</div>
	</div>
	</div>
</body>
</html>